/*
Theme Name: 大因
Theme URI:地址
Description: 上海网站建设
Version: 1.0 版本号
Author: 上海网站建设
Author URI: 作者的网址
Tags: 标签，多个用半角逗号隔开
*/
@charset "utf-8";
body{ margin:0 auto; font-size:14px; font-family:"Microsoft YaHei",sans-serif; line-height:normal;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ padding:0; margin:0;}
h4,h5,h6,h3,b{font-weight:normal;}
ul { list-style:none;}
*{ margin:0px; padding:0px;list-style:none;touch-action: pan-y;}
img { 
	 display: inline-block;
  height: auto;
  max-width: 100%;
}
img { border:
}
.aligncenter {clear: both;display: block;margin:auto;}
.alignleft {float: left;margin: 0.375em 1.75em 1.75em 0;}
.alignright {float: right;margin: 0.375em 0 1.75em 1.75em;}
blockquote.alignleft {margin: 0.3157894737em 1.4736842105em 1.473684211em 0;}
blockquote.alignright {margin: 0.3157894737em 0 1.473684211em 1.4736842105em;}
blockquote.aligncenter {margin-bottom: 1.473684211em;}
.single-content img{max-width:100%;height:auto;display: block;margin: 15px auto;}
.single-content p{margin-bottom: 15px;}
.fl {float: left;}
.fr {float: right;}
.contact-us-top {color: #fff;background-color: #007ab8;padding: 18px 15px;font-size: 18px;margin: 15px 0;}
i,em{font-style: normal;}
.contact-desc {display: flex;border: 3px solid #007ab8;padding: 15px 15px;text-align: center;}
.contact-desc-left i {color: #01B48B;font-size: 40px;}
.contact-desc-content {width: 100%;text-align: center;}
.contact-desc-content p:first-child {color: #ddd;}
.contact-desc-content p:last-child {font-weight: bold;color: #f30;font-size: 24px;}
.inside-banner img{width:100%;}

.fullImg{width: 100%;}
.py_lists_img img {
    width: 75%;
    margin-left: 39px;
}
.tran{transition:all .5s;}
.dis{display: flex;}
.jusb{justify-content:space-between;-moz-box-pack:space-between;-webkit-moz-box-pack:space-between;box-pack:space-between;}
.jusa{justify-content:space-around;-moz-box-pack:space-around;-webkit-moz-box-pack:space-around;box-pack:space-around;}
.jusc{justify-content:center;-moz-box-pack:center;-webkit-moz-box-pack:center;box-pack:center;}
.jusl{justify-content:left;-moz-box-pack:left;-webkit-moz-box-pack:left;box-pack:left;}
.flexw{-webkit-flex-wrap:wrap;-webkit-box-lines:multiple;flex-wrap:wrap;}

.vss{height: 100%!important;}

/*404*/
.ui-errors{margin:100px 0;position:relative;text-align: center;}
.ui-errors h4{font-size:24px;font-weight: normal;color: #77b3bf;line-height:50px;}
.ui-errors h1{font-size: 160px;color: #aaa;line-height:180px;}

/*侧边栏*/
.rightxf {position: fixed;top: 100px;right: 0;z-index: 10;border-radius: 51px;box-sizing: border-box;padding: 1px 10;}
.rightxf > .xfdianji {display: block;width:70px;height:64px;position: relative;cursor: pointer;margin-bottom:0px;}
.rightxf > .xfdianji .outeryuan {
	width:54px;
	height:48px;
	text-align: center;
	float: left;
}
.rightxf > .xfdianji > .zuiwai {
	width: 70px;
	height: 64px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	padding: 8px;
	transition: all 1s;
	-webkit-transition: all 1s;
	display: flex;
	z-index: 11;
}
.rightxf > div:nth-child(1){background: url("../img/float_one.png");}
.rightxf > div:nth-child(2){background: url("../img/float_two.png");}
.rightxf > div:nth-child(3),.rightxf > div:nth-child(4){background: url("../img/float_three.png");}
.rightxf > .xfdianji .outeryuan > p {
	color:#fff;
	font-size: 12px;
	width: 54px;
}

.rightxf > .xfdianji:nth-child(2) .wxewm > p{margin-bottom: 10px;}

.rightxf > .xfdianji .outeryuan > .iconfont {
	font-size: 24px;
	line-height: 30px;
	color: #fff;
}
.rightxf > .xfdianji .wxewm { text-align: center;line-height: 30px;height: auto; }
.rightxf > .xfdianji .wxewm a { color: #FFF; }
.rightxf > .xfdianji .wxewm a:hover { text-decoration: underline; }

.rightxf > .xfdianji:hover .wxewm {
	display:block;
	width: 120px; 
}

.rightxf > .xfdianji:nth-child(2):hover .wxewm {
	width: 80px;
}

.rightxf > .xfdianji:nth-child(3):hover .wxewm {
	width: 260px;
	padding: 0 10px;
	text-align: left;
}

.rightxf > span .iconfont {
	font-size: 30px;
	line-height: 48px;
	color:#FFF;
}
.rightxf > span {display: block;width: 70px;height:64px;text-align: center;position: relative;cursor: pointer;background: url("../img/float_four.png");margin-bottom:5px;padding: 5px;}
.xfactive {
	background: #FFF;
}
.rightxf > .xfactive > .iconfont {
	color:  #a11e23;
}
.dbx {
	color:#fff;
	margin-left: 20px;
	font-weight: bold;
	font-size: 16px;
	line-height: 48px;
	float: left;
	display:none;
}

.wxewm {
	width: 126px;
	height: auto;
	padding: 5px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-size: 116px 116px;
	background: url("../img/float_one.png"); 
	position: absolute;
	right: 70px;
	top: 0;
	display:none;
}
.wxewm > img { width: 100%; }
.dbx > img {
	position: absolute;
	top: 20px;
	right: -14px;
}

.dbx > i {
	display: inline-block;
	width:2px;
	height: 10px;
	background: #FFF;
	position: absolute;
	top: 20px;
	right: -1px;
}

/* 响应式 */
.bottomxf {
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 12;
	display: none;
	background: url("../img/float_three.png");
	box-sizing: border-box;
}
.bottomxf > a:last-child {
	border: 0;
}
.bottomxf > a {
	display:block;
	float:left;
	width: 33.3333%;
	height: 60px;
	text-align: center;
	position: relative;
	border-right: 1px solid #DDD;
}
.bottomxf > a > .iconfont {
	font-size: 24px;
	line-height: 40px;
	color: #FFF;
}
.bottomxf > a > p {
	color:#FFF;
}
.bottomxf > span {
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
.bottomxf .mbdbx {
	padding: 15px 20px;
	background: #FFF;
	border: 1px solid #0aa2cc;
	position: absolute;
	right: 80px;
	top: 0;
	border-radius: 3px;
	display: none;
}
.bottomxf .wxewm {
	width: 116px;
	height: 116px;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: #FFF;
}
.bottomxf .mbdbx > img {
	position: absolute;
	top: 20px;
	right: -14px;
}

.bottomxf .mbdbx > i {
	display: inline-block;
	width:2px;
	height: 10px;
	background: #FFF;
	position: absolute;
	top: 20px;
	right: -1px;
}

.pt { padding-top:100px; }
.pb { padding-bottom:100px; }
.at{display: none;}

/*头部*/
.containerh{width: 85%;margin: 0 auto;}
.containers{width: 80%;margin: 0 auto;}
.top_header{width: 100%;background:#fff;position: absolute;top: 0;z-index: 10;}
.logo{line-height: 80px;position:relative;display: none;}
.lan{margin-top: 24px;display: block;width: 30px;height: 30px;background: #b6b6b6;border-radius: 50%; font-size: 16px;text-align: center;line-height: 30px;color: #fff;}
.hot_line{padding-left: 35px;margin-right: 10px;background-image:url("../img/top_phone.png");background-repeat:no-repeat;background-position: left center;color: #0da8d4;font-size:14px;line-height: 76px;}
.language{cursor: pointer;margin-top: 23px; height: 30px;font-size: 12px;overflow: hidden;border: 1px solid #e4e4e4;border-radius: 4px;transition: height .8s;-moz-transition: height .8s;-webkit-transition: height .8s;-o-transition: height .8s;}
.language li{text-align: left; padding: 4px 20px 4px 10px;position: relative;}
.language li a{display: block;width: 100%;}
.language li a:after{content: "";display: block;}
.language img{margin-right: 8px;vertical-align: middle;}
.language .xia{position: absolute;top:10px;right: 5px;transition: all ease .7s;-moz-transition: all ease .7s;-webkit-transition: all ease .7s;-o-transition: all ease .7s;}
.language:hover{height: 56px;}
.language:hover .xia{transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg); -o-transform: rotate(180deg);}

/*.head_search { width: 160px;height: 28px;margin-top: 25px; margin-right: 1%;}
#search{width: 100%;height: 28px;line-height: normal;border:1px solid #0da8d4;position:relative;border-radius: 14px;}
#s{border:none;width: 100%;height:26px;border-radius: 2px;padding:0 0 0 28px;color: #0da8d4;background: transparent;outline: none;}
#search-submit{position: absolute;left: 0;top: 0;height: 26px;width: 26px;padding: 5px;outline: none;border: 0;}
.search_zhe{position: absolute;left: 0;top: 0;height: 26px;width: 26px;padding: 5px;z-index: 10;cursor: pointer;}
.search_cha{position: absolute;right: 0;top: 0;transition: all .5s;height: 26px;width: 26px;padding: 5px;z-index: 10;cursor: pointer;font-size: 20px;color:#FFF;display: none;line-height: 14px;}
.search_cha:hover { transform: rotateZ(180deg);transition: all .5s }
*/
.head_search { width: 28px;height: 28px;margin-top: 26px;margin-right: 15px; }
#search{width: 100%;height: 28px;line-height: normal;border:1px solid #0aa2cc;position:relative;border-radius: 14px;}
#s{border:none;width: 100%;height:24px;border-radius: 2px;padding:0 0 0 28px;color: #0aa2cc;background: transparent;outline: none;}
#search-submit{position: absolute;left: 0;top: 0;height: 26px;width: 26px;padding: 5px;outline: none;border: 0;}
.search_zhe{position: absolute;left: 0;top: 0;height: 26px;width: 26px;padding: 5px;z-index: 10;cursor: pointer;}
.search_cha{position: absolute;right: 0;top: 0;transition: all .5s;height: 26px;width: 26px;padding: 5px;z-index: 10;cursor: pointer;font-size: 20px;color:#0aa2cc;display: none;line-height: 14px;}
.search_cha:hover { transform: rotateZ(180deg);transition: all .5s }

.header_botss{display: none;}
.header_daohang{width: 82%;margin-left: 1%;}
.menu_list:after{content:"";display: block;clear: both;}
.menu_list > li{float: left;line-height: 80px;width: 15%;text-align: center;margin-right: 1%;}
.menu_list > li:last-child{margin-right: 0;}
.menu_list > li > a{display: block;font-size: 14px;color: #333;position:relative;}
/*.menu_list > li:hover,*/.menu_list .current-menu-item,.menu_list .current_page_item,.menu_list .current-post-ancestor{background: rgba(200,200,200,.2);}
/*.menu_list > li:hover > a,*/.menu_list .current-menu-item > a,.menu_list .current_page_item > a,.menu_list .current-post-ancestor > a{color: #0da8d4;}
.py_nav_menu{display: none;line-height:100px;float: right;}
.py_nav_menu > img{width: 30px;height: 30px;}
.mb_navdh { display: none; }
.containers{position: relative;}
.sub-menu { position: absolute;left: 0px;top: 80px;width: 100%;font-size: 12px;line-height: 24px;z-index: 100;background: #fff;visibility: hidden; }
.sub-menu > li { margin: 0; }
.sub-menu > li > a { display:block;padding: 10px 0;line-height: 24px;text-align: center;color:#333; }
.menu_list > li:hover .sub-menu{ visibility:visible; }
.sub-menu > li:hover { background: rgba(200,200,200,.2); }
.sub-menu > li:hover > a { color: #0da8d4; }


/*轮播*/
.pc_banners,.pc_banners .swiper-slide,.pc_banners .swiper-slide a{height: 100vh;width: 100%;}  
#pc_banner.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px;}
#pc_banner .swiper-pagination-bullet{width: 38px;height: 4px;background: none;background: #dcdcdc;opacity: 1;border-radius: 0;}
#pc_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;position: relative;background: #0da8d4;transition: all .4s;}
#pc_banner .swiper-pagination-bullet.swiper-pagination-bullet-active:after{content:"";display: block;height: 100%;background: #dcdcdc;position: absolute;top: 0;left: 0;}
#mb_banner{display: none;}

/* 标题 */
.level_tit{text-align: center;margin-bottom: 30px;}
.level_tit > h3{font-size: 42px;color: #fff;position: relative;margin-bottom: 5px;font-weight: normal;}
.section {position: relative;overflow: hidden;}
.bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;}
.shouji{display: none;}

/* 全网络IoT音视频解决方案 */
.gsyoushi_con{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width: 100%;z-index: 2;}
.youshi_outer {width: 90%;position: relative;margin: 0 auto;}
#youshi_lun{width: 90%;}
.youshi_img { margin-top: 80px;text-align: center;height: 80px;line-height: 80px;transition:margin .5s;-moz-transition:margin .5s; /* Firefox 4 */-webkit-transition:margin .5s; /* Safari and Chrome */-o-transition:margin .5s; /* Opera */ }
.ys_yin { display:none; }
.ys_yinp { display:none; }
.youshi_inner .youshi_xian{position: absolute;left: 0;top:50%;bottom: 0;right: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding-top: 40px;}
.youshi_xian { padding-bottom: 150px;background: rgba(51,51,51,.5);overflow: hidden;height: 100%; }
.youshi_xian > h3 { font-size: 24px;color: #FFF;text-align: center;margin-top: 20px; }
.youshi_xian > p { font-size: 14px;color: #0da8d4;text-align: center;margin-top: 20px;padding: 0 20px; }
.youshi_inner > a { position: relative;display: inline-block;}
.youshi_xian > i { display: block;width: 20px;height: 2px;background: #fff;margin: 20px auto; }
.youshi_inner > a:hover .youshi_img { margin-top: 45px; }
.youshi_inner > a:hover .youshi_xian { background: rgba(255,255,255,.9); padding-top: 0;}
.youshi_inner > a:hover .ys_yin { display: inline; }
.youshi_inner > a:hover .ys_xian { display: none; }
.youshi_inner > a:hover .youshi_xian > h3 { color: #0da8d4; }
.youshi_inner > a:hover .ys_yinp { display: block; text-align: left;}

.youshi_outer .swiper-button-next,.youshi_outer .swiper-button-prev {top: 50%;background-size: 60px 80px;  z-index: 10;cursor: pointer;}
.youshi_outer .swiper-button-next.swiper-button-disabled,.youshi_outer .swiper-button-prev.swiper-button-disabled{opacity: 1; }
.youshi_outer .swiper-button-next { background-image: url("../img/zuo.png");right: 0; transform: scale(1.5);}
.youshi_outer .swiper-button-prev { background-image: url("../img/you.png");left: 0; transform: scale(1.5); }

/*全网络化解决方案产品体系*/
/*.section3 {position: relative;width: 100%;height: 100%;z-index: 8;}
.product,.case,.zixun{position: absolute;top: 50%;left: 50%;width: 80%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);z-index: 5;}
.product{height: 70%;}
.product-list {width: 100%;}
.product-list ul li {position: relative;width: 19%;height: 260px;padding: 0 10px; margin-bottom: 60px;background: url("../img/pro_list.png") center center no-repeat;color: #fff;text-align: center;cursor: pointer;}
.product-list ul li:nth-child(6),.product-list ul li:nth-child(7),.product-list ul li:nth-child(8),.product-list ul li:nth-child(9),.product-list ul li:nth-child(10){margin-bottom: 0;}
.product-list ul li:hover {background-image: url("../img/pro_liston.png");}
.product-list ul li h2 {width: 168px;height: 50px;margin-bottom: 20px;margin-left: auto;margin-right: auto;line-height: 48px;font-size: 16px;font-weight: bold;border-bottom: 1px solid #62a5b8;}
.product-list ul li p {margin:0 auto; width:70%;height: 30px;line-height: 30px;font-size: 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.product-list ul li p a{color: #fff;}
.product-list ul li p:hover a{text-decoration: underline;}
.product-list ul li i {position: absolute;left: 50%;bottom: 0;width: 80px;height: 80px;margin-left: -40px;margin-bottom: -40px;background-image: url("../img/pro_one.png");background-repeat: no-repeat;}
.pro-one {background-position: left top;}
.product-list ul li i.pro-one1 {background-position: right top;}
.pro-two {background-position: left -80px;}
.product-list ul li i.pro-two1 {background-position: right -80px;}
.pro-three {background-position: left -160px;}
.product-list ul li i.pro-three1 {background-position: right -160px;}
.pro-four {background-position: left -240px;}
.product-list ul li i.pro-four1 {background-position: right -240px;}
.pro-five {background-position: left -320px;}
.product-list ul li i.pro-five1 {background-position: right -320px;}
.ljzx{display: block;margin: 140px auto 0 auto;font-size: 18px; width: 150px;height: 40px;text-align: center;line-height: 38px;border:1px solid #fff;border-radius: 15px;color: #fff;}
.ljzx:hover{background: #fff;color: #197b96;}*/
.section3 {position: relative;width: 100%;height: 100%;z-index: 8;}
.product,.case,.zixun{position: absolute;top: 50%;left: 50%;width: 80%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);z-index: 5;}
.product{height: 70%;}
.product-list {width: 100%;}
.product-list ul li {width: 19%;height: 260px; margin-bottom: 60px;color: #fff;text-align: center;cursor: pointer;}
.product-list ul li:nth-child(6),.product-list ul li:nth-child(7),.product-list ul li:nth-child(8),.product-list ul li:nth-child(9),.product-list ul li:nth-child(10){margin-bottom: 0;}
.product-list ul li h2 {width: 100%;height: 45px;line-height: 45px;text-align: center;font-size: 16px;background: #4795ab;}
.product-list ul li a{color: #fff;}


/*客户案例*/
.section4  .level_tit > h3{color:#333;}
.caseType{margin-bottom: 50px;font-size: 16px;}
.caseType li{padding: 8px 40px;background: #e6e6e6;border-radius: 30px;color: #666;cursor: pointer;}
.caseType li:first-child{margin-right: 20px;}
.caseType li.ono,.caseType li:hover{color: #fff;background: #0da8d4;}
.case_con>div{display: none;}
.case_con>div.act{display: flex;}
.case_list{width: 42%;overflow: hidden;position: relative;height:580px;}
.case_list p{position: absolute;bottom: 0;left: 0;width: 100%;height: 40px;line-height: 40px;background: rgba(13,168,212,.9);color: #fff;font-size: 16px;text-align: center;}
.case_list>img{/*height: 220px;*/transition: all .6s linear 0s;-webkit-transition: all .6s linear 0s;-moz-transition: all .6s linear 0s;-ms-transition: all .6s linear 0s;}
.case_list:hover>img{transform: scale(1.1);}
.ckgd{display: block;margin: 60px auto 0 auto;font-size: 18px;color: #049fdf; text-align: center; width: 150px;height: 40px;line-height: 38px;border:1px solid #049fdf;border-radius: 20px;}
.ckgd:hover{background: #049fdf;color: #fff;}

/*新闻资讯*/
.newTit{color: #fff;text-align: center;font-size: 30px;margin-bottom: 70px;}
.zixun_con{display: flex;flex-wrap: wrap;}
.zixun_left{width: 53%;background: rgba(255,255,255,.5);padding: 16px;}
.zixun_con>div{cursor: pointer; position: relative;padding-bottom: 60px;transition: all .6s linear 0s;-webkit-transition: all .6s linear 0s;-moz-transition: all .6s linear 0s;-ms-transition: all .6s linear 0s;}
.zixun_con>div>h3{font-size: 22px;color: #333;font-weight: normal;margin-bottom: 20px;}
.zixun_con>div>h3 span{font-size: 12px;color: #666;margin-left: 6px;}
.zx{display: flex;}
.zxText{font-size: 12px;color: #666;padding-right: 10px;width: 100%;}
.zixun_left .zxText{width: 60%;}
.zixun_left .zxImg{width: 40%;}
.zxText>h3{font-size: 18px;font-weight: normal;margin-bottom: 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.learn{position: absolute;bottom:10px;left:10px;right:10px;margin-top: 20px;padding-top: 10px;border-top: 1px solid #999;text-align: right;}
.zixun_right{width: 23%;background: rgba(255,255,255,.8);padding: 16px;}
.zxf {border-left:1px solid #258dc9;border-right:1px solid #258dc9;}
.zixun_con>div:hover{background: #000;}
.zixun_con>div:hover >h3 span{color: #fff;}
.zixun_con>div:hover .zxText,.zixun_con>div:hover >h3,.zixun_con>div:hover .zxText>h3 a,.zixun_con>div:hover .learn  a{color:#666;}

/*视频轮播*/
#shipin{width:100%;height:950px;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);-o-object-fit: fill;object-fit: fill;}
#shipin video{-o-object-fit: fill;object-fit: fill;}

/*展厅*/
.section7{background:url("../img/section6_bg.jpg") 0 0 no-repeat;background-size: cover;}
.shows {position: absolute;top: 50%;left: 50%;width: 1600px;height: 470px;margin-left: -800px;margin-top: -235px;z-index: 5;}
.showBox{display: flex;justify-content:space-between;-moz-box-pack:space-between;-webkit-moz-box-pack:space-between;box-pack:space-between;}
.showImg{width: 30%;}
.showCon{width: 65%;}
.showCon>div{width: 25%;border-bottom:1px solid #fff;border-left:1px solid #fff;color: #fff; font-size: 16px;padding: 20px 10px;cursor: pointer;}
.showCon>div:nth-child(-n+4){border-top:1px solid #fff;}
.showCon>div:nth-child(4n){border-right:1px solid #fff;}
.showCon>div:last-child{border-right: 1px solid #fff;}
.showCon>div>h3{font-size: 20px;margin-bottom: 20px;font-weight: normal;}
.showCon>div>p{margin-bottom: 10px;}
.showCon>div:hover{background: #fff;color: #333;}

/*广告条*/
.mb_ad{display: none;}

/* 底部 */
.footer {width: 100%;height: 210px;background: #1e222b;}
.footer_top{background:url("../img/footbg.png") 0 0 no-repeat;background-size: 100% 100%;color: #fff;padding-top: 40px;padding-bottom: 20px;}
.footer_left>h3{font-size: 24px;font-weight: normal;margin-bottom: 20px;}
.footer_left>p{font-size: 14px;color: #999;}
.footer_right>img{width: 100px;height: 100px;}
.copyright {font-size: 12px;color:#666;padding: 20px 0;text-align: center; }
.copyright a { color:#666; }
.copyright a:hover { color: #fff; }
.footer p.copyright .copyright_1{float:left;}
.footer p.copyright .copyright_2{float:right;}

/*手机端*/
.gsys{background: url("../img/section2_bg.jpg") 0 0 no-repeat;background-size: cover;padding: 50px 0;}
.chanpin{background: url("../img/section3_bg.jpg") 0 0 no-repeat;background-size: cover;padding: 50px 15px;}
.chanpin .product-list{height: auto;}
.chanpin .ljzx{margin: 60px auto 0 auto;}
.chanpin .product-list ul li{width: 19%;float: none;margin-right: 0;border-radius: 5px;background-image: url(../img/pro_liston.png);}
.chanpin .product-list ul li h2{width: 100%;}
.anli{background: url("../img/section4_bg.jpg") 0 0 no-repeat;background-size: cover;padding: 50px 15px;}
.xwzx{background: url("../img/section5_bg.jpg") 0 0 no-repeat;background-size: cover;padding: 50px 15px;}
.ztty{background: url("../img/section6_bg.jpg") 0 0 no-repeat;background-size: cover;padding: 50px 15px;}


@media (max-width: 1700px){	
	.youshi_xian > i {display: none;}
}
@media (max-width: 1600px){
	.hot_line{background-size: 23px;padding-left: 28px;}

	.product .level_tit{margin-bottom: 20px;}
	.product-list ul li h2{margin-bottom: 5px;}
	.product-list ul li{margin-bottom: 40px;}
}

@media (max-width: 1500px){
	.hot_line{display: none;}
	.head_search{display: none;}
	.youshi_outer { width: 90%; }
	.header_daohang{width: 95%;}
}
@media (max-width: 1199px){

	.hot_line {display: none; margin-left:0; font-size: 20px;background-position: 0 center;padding-left: 35px;}
	.wx_top{margin: 0 5px;}

	.youshi_outer,#youshi_lun{width: 88%;}
}
@media (max-width: 991px){
	.header_bots{display: none;}
	.header_botss{display: inline-block;}
	.shouji{display: block;}
	#aboutPage{display: none;}
	.logo{line-height: 70px;display: inline-block;}
	.top_header { position: relative;top: 0;}
	.hot_line,.language,.wx_top,.bt{display: none;}
	.at{display:inline-block;}
	
	.header_daohang { width: auto; float: right!important; margin-left: 0;}
	.header_bot>div{display: none;position: absolute;top: 75px;right: 0;width: 100%;background: #fafafa;z-index: 100;background: rgba(0,0,0,.7);}
	.header_bot li{float: none;}
	.header_bot li a{margin: 0  auto;text-align: center;}
	.header_bot>span{display: block;line-height: 70px;}
	.menu_list > li { line-height: 50px;width: 100%; }
	.menu_list > li > a { color:#FFF; }
	.menu_list > li:hover .sub-menu{display: none;}

	#pc_banner{display: none;}
	#mb_banner{display: block;}
	.rightxf { display:none; }	
	.bottomxf { display:flex; }
	.footer{height: 280px;}
	.copyright{padding-bottom: 70px;}
	
	.level_tit > h3{font-size: 24px;}

	.py_logo{width: 18%;}
	.py_search{padding: 4px 0}
		
	.pb100{padding-bottom: 70px;}
	.pt100{padding-top: 70px;}

	.showCon{width: 100%;}
}

@media (max-width: 768px){
	.pb { padding-bottom: 30px; }
	.pt { padding-top: 30px; }

	.footer_bot p.copyright > em { display:block;width:100%;text-align:center; }
	.footer_bot p.copyright > .copyright_1 { clear:both!important; }
	.footer_bot p.copyright > .copyright_2 { clear:both!important; }
	.footer p.copyright .copyright_2{float: none;}

	.youshi_outer{width: 80%;}
	#youshi_lun {width: 86%;}

	.chanpin .product-list ul li{width: 32%;margin-bottom: 65px;}
	.chanpin .ljzx{margin: 20px auto 0 auto;}

	.case_list{width: 33%;}

	.zixun_left,.zixun_right{width: 80%;margin-bottom: 20px;}

	.showCon>div{width: 33.33%;}

	.footer_left>h3{font-size: 20px;}
}

@media (max-width: 639px){
	.footer_bot p.copyright .copyright_2 { float: left; }
	.footer_bot p.copyright > em { text-align: left; }
}
@media (max-width: 479px){
	.logo > a > img { width: 110px; }

	
	.footer_bot p.copyright em{width: 100%;text-align: left;}

	.foot_list > li { width: 90px; }

	.level_tit h3 { font-size: 22px; }
	.level_tit > p { font-size: 12px; }

	.youshi_xian { padding-bottom: 100px; }
	/* .youshi_img { margin-top:; } */
	.youshi_xian > h3 { font-size: 22px; }
	.youshi_outer { width: 96%; }
	.youshi_outer .swiper-button-next,.youshi_outer .swiper-button-prev { background-color: rgba(0,0,0,.3); }
	
	.product-list ul{padding-left: 0;}
	.chanpin .product-list ul li{width: 48%;height: 300px;}
	
	.case_con>div.act{justify-content:center;-moz-box-pack:center;-webkit-moz-box-pack:center;box-pack:center;}
	.case_list{width: 80%;margin-bottom: 20px;}
	.ckgd{margin: 20px auto 0 auto;}

	.zixun_left,.zixun_right{width: 95%;}

	.showCon>div{width: 50%;}
	.showCon>div>h3{font-size: 18px;}
	.showCon>div:nth-child(2n){border-right: 1px solid #fff;}
	.showCon>div:nth-child(1),.showCon>div:nth-child(2){border-bottom: none;}

	.footer_left>h3 {font-size: 14px;}

	.footer p.copyright .copyright_2{margin-top: 10px;}
}